<template>
<el-row class="el-row-style">
    <el-col :span="16">

    </el-col>
    <el-col :span="8">
        <ul class="right-col-style">
            <li>
                <router-link to="/login">登录</router-link>/
                注册
            </li>
            <li>我的账户</li>
            <li>购物车</li>
            <li>退出</li>
        </ul>
    </el-col>
</el-row>
</template>

<script>
export default {
    name: "banner",
    data() {
      return {

      };
    }
}
</script>

<style scoped>
/* @import url("//unpkg.com/element-plus/lib/theme-chalk/index.css"); */
.el-row-style{
    background-color: #E9EEF3;
}
.right-col-style{
    /* border: 1px solid red; */
    display: flex;
    float: right;
}
a{
    text-decoration: none;
}
a:hover{
    color: lightcoral;
}
ul {
    list-style: none;
}
li {
    width: 100px;
    height: 20px;
    line-height: 20px;
    /* border: 1px solid; */
    flex-direction: row;
    margin: 0 1%;
}
</style>